<template>
  <view class="container">
    <!-- 搜索按钮区域 -->
    <view class="search-area">
      <button type="primary" size="mini">搜索</button>
    </view>

    <!-- 表单区域 -->
    <view class="form-container">
      <form>
        <!-- 主体名称 -->
        <view class="form-item">
          <view class="form-label">主体名称</view>
          <view class="form-content">
            <input type="text" value="六六六生产主体" disabled placeholder="请输入主体名称" />
          </view>
        </view>

        <!-- 法人名称 -->
        <view class="form-item">
          <view class="form-label">法人名称</view>
          <view class="form-content">
            <input type="text" value="六六六" disabled placeholder="请输入法人名称" />
          </view>
        </view>

        <!-- 联系电话 -->
        <view class="form-item">
          <view class="form-label">联系电话</view>
          <view class="form-content">
            <input type="number" value="18408248888" disabled placeholder="请输入联系电话" />
          </view>
        </view>

        <!-- 所属行业 -->
        <view class="form-item">
          <view class="form-label">所属行业</view>
          <view class="form-content">
            <input type="text" value="农业" disabled placeholder="请输入所属行业" />
          </view>
        </view>

        <!-- 生产类型 -->
        <view class="form-item">
          <view class="form-label">生产类型</view>
          <view class="form-content">
            <checkbox-group disabled>
              <label class="checkbox-label">
                <checkbox value="planting" checked />种植
              </label>
              <label class="checkbox-label">
                <checkbox value="breeding" checked />养殖
              </label>
            </checkbox-group>
          </view>
        </view>

        <!-- 主体地址 -->
        <view class="form-item">
          <view class="form-label">主体地址</view>
          <view class="form-content">
            <input type="text" value="四川省成都市郫都区郫筒街道众创空间" disabled placeholder="请输入主体地址" />
          </view>
        </view>

        <!-- 主体类型 -->
        <view class="form-item">
          <view class="form-label">主体类型</view>
          <view class="form-content">
            <radio-group disabled>
              <label class="radio-label">
                <radio value="individual" checked />个体工商户
              </label>
              <label class="radio-label">
                <radio value="enterprise" />企业
              </label>
            </radio-group>
          </view>
        </view>
      </form>
    </view>

    <!-- 底部提示 -->
    <view class="no-more">没有更多了</view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  }
};
</script>

<style scoped>
.container {
  padding: 16px;
  background-color: #f5f5f5;
  min-height: 100vh;
}

.search-area {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}

.form-container {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 16px;
}

.form-item {
  display: flex;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
  align-items: center;
}

.form-item:last-child {
  border-bottom: none;
}

.form-label {
  width: 28%;
  color: #666;
  font-size: 14px;
}

.form-content {
  width: 72%;
}

input {
  width: 100%;
  padding: 6px 0;
  font-size: 14px;
  color: #333;
}

.checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.checkbox-label, .radio-label {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #333;
  font-size: 14px;
}

.no-more {
  text-align: center;
  color: #999;
  padding: 20px 0;
  font-size: 14px;
  margin-top: 16px;
}
</style>
    